<template>
	<div>
		<div id="desc">
			<!--图片详情- 标题部分-->
			<div class="title">
				<h4>{{photoinfo.title}}</h4>
				<p>
					{{photoinfo.add_time | datafmat('YYYY-MM-DD HH:mm:ss')}}  {{photoinfo.click}}次浏览
				</p>
				<p class="line"></p>

			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				id:0,
				photoinfo:{}
			}
		},
		created(){
			this.id=this.$route.params.id;
			this.getinfo()
		},
		methods:{
			getinfo(){
				this.$http.get('http://182.254.146.100:8899/api/getimageinfo/'+this.id).then(function(res){
					if(res.body.status !=0){
						this.$toast(res.body.message);
						return
					}
					this.photoinfo=res.body.message[0];

				})
			}
		}
	}
</script>

<style scoped>
	#desc{
		padding: 10px;
	}
	#desc  .title h4{
		color: #0094ff;
	}

	#desc .title p{
		color:rgba(0,0,0,0.4);
		margin-top: 10px;
	}

	#desc .title .line{
		width: 100%;
		height: 1px;
		border-bottom: 1px solid rgba(0,0,0,0.4);
	}

	.mui-content,.mui-content ul{
		background-color: #fff;
	}
	.mui-grid-view.mui-grid-9 .mui-table-view-cell{
		border-right:0px;
		border-bottom:0px;
	}
	.mui-grid-view.mui-grid-9{
		border-top:0px;
		border-left:0px;
	}
</style>
